<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>婚姻测算-知命</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
        .oti_con {padding: 10px 0;}
        .ki_img, .oti_img {width: 100%;display: block;}
        .oti_txt {overflow: hidden;text-align: center;}
        .oti_txt div {width: 40%;box-sizing: border-box;}
        .oti_left {float: left;}
        .oti_right {float: right; padding: 0 10px 0 0;}
        .oti_txt p {color: #484848;}
        .oti_txt span {color: #a9a9a9;font-size: 13px;}
        .public_have_test{text-align: center;}
        .public_bg_wrap {background-color: #fff;padding: 10px 0 1px;}
        .mt10 {margin-top: 10px;}
        .public_title_1 {
            margin: 0 5%;
            background-image: url('__PUBLIC__/images/hunyincesuan/title_bg_1.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            height: 32px;
            line-height: 32px;
            color: #fff;
            text-align: center;
        }
        .start_tip {
            position: relative;
            width: 150px;
            height: 30px;
            background-image: url('__PUBLIC__/images/hunyincesuan/start.png');
            background-size: 150px auto;
            background-position: 0 -180px;
            background-repeat: no-repeat;
            margin: 15px auto;
        }
        .order_unpaid_tip {
            margin: 10px 10px 0;
            padding: 30px;
            background: url('__PUBLIC__/images/hunyincesuan/1_img_bg.jpg') no-repeat;
            background-size: 100% 95%;
        }
        .order_unpaid_tip p {color: #4a4a4a;}
        .order_unpaid_tip a {
            display: block;
            height: 32px;
            background: url('__PUBLIC__/images/hunyincesuan/1_tit_bg.jpg') center no-repeat;
            background-size: auto 32px;
            text-align: center;
            color: #fff;
            line-height: 32px;
            margin-top: 10px;
            -webkit-tap-highlight-color: transparent;
        }
        .ishr{height:5px;width:100%;background-color:#e0e0e0;}
        
        .fraction_div {
            width: 80px;
            height: 80px;
            margin: 10px auto;
            background-color: #e8e8e8;
            position: relative;
            border-radius: 50%;
            overflow: hidden;
        }
        .fd_left, .fd_right {
            position: absolute;
            top: 0;
            width: 40px;
            height: 80px;
            overflow: hidden;
        }
        .fd_left { left: 0;}
        .fd_right {right: 0;}
        .fd_con, .fd_left div, .fd_right div {border-radius: 50%;position: absolute;}
        .fd_con {
            top: 4px;
            left: 4px;
            width: 72px;
            height: 72px;
            background-color: #fff;
            z-index: 3;
            line-height: 72px;
            text-align: center;
        }
        .fd_con b {font-size: 18px;color:#d23037;}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/hunyincesuan/banner.jpg" width="100%"/>
    </div>
    <div class="public_bg_white">
        <div class="order_box_pay">
            <div class="obp_nun">订单编号：<span><!--{$Think.cookie.orderid}--></span></div>
            <div class="oti_con">
                <img class="oti_img" src="__PUBLIC__/images/hunyincesuan/1_img_top.jpg" alt="">
                <div class="oti_txt">
                    <div class="oti_left"><p>善广居士</p><span>知名命理专家</span></div>
                    <div class="oti_right"><p><!--{$Think.cookie.znickname}--></p><span><!--{$Think.cookie.zyangli}--></span></div>
                </div>
            </div>
        </div>
        <div class="bazi_pay">
            <span class="rate">优惠价：<strong>￥48</strong></span><del>原价：￥168</del>
            <p>请选择喜欢的付款方式</p>
            <div class="public_pay_box">
                <a class="weixin" target="_self" href="<!--{:U('Hycs/zzhifu','',false)}-->"><img src="__PUBLIC__/images/public/wxzf.png" />微信安全支付</a>
                <a class="alipay" target="_self" href="<!--{:U('Hycs/pay','',false)}-->"><img src="__PUBLIC__/images/public/zfbzf.png" />支付宝安全支付</a>
            </div>
        </div>
        <div class="public_have_test">
            <p>已为<span><!--{$Think.session.hycscs}--></span>人进行测算</p>
            <p><span>98.9%</span>的用户认为结果让他重新审视自己的婚姻观</p>
            <p>对自己的婚姻情感生活产生巨大帮助</p>
        </div>
    </div>
    <div class="public_bg_wrap mt10 J_payBottomShow">
        <div class="public_title_1">老师综合点评</div>
        <div class="start_tip"></div>
        <div class="order_unpaid_tip">
            <p>对于婚姻，大多数人都会有这样那样的疑问。这一生的婚姻会是怎样？是好还是坏？如何才能提高婚姻质量，过上理想的婚姻生活？在此综合命理纲要，给你一个圆满答案。</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">结婚建议</div>
        <div class="order_unpaid_tip">
            <p>针对我的一生的婚姻运势，专业老师为我提供了哪些建议和方法？我该采取哪些具体措施来助旺自己的姻缘运势？面对未来未知的情感生活，什么样的选择是最稳妥的？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">桃花运数</div>
        <div class="fraction_div">
            <div class="fd_left"></div>
            <div class="fd_right"></div>
            <div class="fd_con"><b>?</b>分</div>
        </div>
        <div class="order_unpaid_tip">
            <p>我的命里到底有没有桃花运？异性缘是多还是寡？爱慕和追求我的人会多吗？为何至今依然单身？是不是非得通过相亲才有结婚的可能？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">结婚时间</div>
        <div class="order_unpaid_tip">
            <p>最适合我的结婚时间是什么时候呢？是会年纪轻轻就已结婚，还是会年老色衰依然孤家寡人？我命中注定的那个人究竟在何方？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">配偶性格</div>
        <div class="fraction_div">
            <div class="fd_left"></div>
            <div class="fd_right"></div>
            <div class="fd_con"><b>?</b>分</div>
        </div>
        <div class="order_unpaid_tip">
            <p>我命中注定的那位会是个怎样的人呢？这样的性格对我会不会有什么影响？我又该如何面对配偶的性格才能使彼此更好的生活在一起？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">稳定系数</div>
        <div class="fraction_div">
            <div class="fd_left"></div>
            <div class="fd_right"></div>
            <div class="fd_con"><b>?</b>分</div>
        </div>
        <div class="order_unpaid_tip">
            <p>我的婚姻稳定吗？会不会有携手到白头的婚姻呢？有没有多婚的可能？命里的婚姻不良信息多还是少，会对婚姻的基石造成多大冲击？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">幸福指数</div>
        <div class="fraction_div">
            <div class="fd_left"></div>
            <div class="fd_right"></div>
            <div class="fd_con"><b>?</b>分</div>
        </div>
        <div class="order_unpaid_tip">
            <p>我会不会拥有幸福的婚姻？什么不必要的行为和决定可能会让我失去挚爱？婚后的感情会是甜蜜幸福还是争吵不休？该怎样才能拥有一段幸福恩爱的婚姻生活？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">助旺指数</div>
        <div class="fraction_div">
            <div class="fd_left"></div>
            <div class="fd_right"></div>
            <div class="fd_con"><b>?</b>分</div>
        </div>
        <div class="order_unpaid_tip">
            <p>我能旺妻或旺夫吗？能成为配偶的得力助手还是对方的累赘呢？又或者能有这样一个ta，能够与自己互相助旺、优势互补吗？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title_1">子女运数</div>
        <div class="fraction_div">
            <div class="fd_left"></div>
            <div class="fd_right"></div>
            <div class="fd_con"><b>?</b>分</div>
        </div>
        <div class="order_unpaid_tip">
            <p>命中的我是儿孙满堂，还是膝下空空呢？子女能否健康快乐的成长？将来能否出人头地，孝顺父母？</p>
            <a href="javascript:;" class="J_payPopupShow">马上揭晓</a>
        </div>
    </div>
    <div class="ishr"></div>
    <div class="hot_cs">

        <include file="Public/zhiming" />

    </div>
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥88元</strong>
            </div>
            <div class="public_pay_box">
                <a class="weixin" target="_self" href="javascript:;"><img src="__PUBLIC__/images/public/wxzf.png" />微信安全支付</a>
                <a class="alipay" target="_self" href="javascript:;"><img src="__PUBLIC__/images/public/zfbzf.png" />支付宝安全支付</a>
            </div>
        </div>
    </div>
    <footer class="footer_severs" style="padding-bottom:46px;">

        <include file="Public/bottom" />

    </footer>
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;"><i class="suo"></i>付费解锁所有项</a>
    </div>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script>
        $('#fiex').on('click',function(){
            $('#publicPayPopup').css('display','block');
        })
        $('.J_payPopupShow').on('click',function(){
            $('#publicPayPopup').css('display','block');
        })
        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })
        // 悬浮底部
    var ofiex = document.getElementById('fiex');
        window.onscroll = function() {
        var osTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (osTop > 540) {
                ofiex.style.display ="block";
            }else{
                ofiex.style.display ="none";
            }
        };
    </script>
</body>
</html>